<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>喜公子粥铺-首页</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="http://www.dowebok.com/demo/2014/98/animate.min.css">
	<link rel="stylesheet" href="css/homepage.css">
	<link rel="stylesheet" href="iconfont/iconfont.css">
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	<link rel="icon" href="icon/icon.png" alt="" type="image/png">
	<style>
		.banner {
			background-image: url(img/main-banner.jpg);
			height: 930px;
			/*            background-position: -80px 0px; */
		}
	</style>
</head>

<body>
	<!-- 窗口固定侧边栏 Start-->
	<div class="aside">
		<div class="image-box">
			<div class="image1 wow image animated fadeInLeftBig">
				<div class="qrcode">
					<img src="img/qrcode.jpg" alt="图片加载失败">
					关注微信
				</div>
				<div class="arrow"></div>
			</div>
			<div class="image2 wow image animated fadeInLeftBig" data-wow-delay="0.25s">
				<div class="tel">
					电话咨询
					<p>4006330777</p>
				</div>
				<div class="arrow"></div>
			</div>
			<div class="image3 wow image animated fadeInLeftBig" data-wow-delay="0.5s"></div>
		</div>
		<div class="line wow animated fadeInLeftBig" data-wow-delay="0.75s"></div>
		<div class="infor wow image animated fadeInLeftBig" data-wow-delay="1s">
			<div class="mailbox">
				企业邮箱
				<p>huabuer2020@163.com</p>
			</div>
			<div class="arrow"></div>
		</div>
		<div class="txt wow animated fadeInLeftBig" data-wow-delay="1.25s">联系我们</div>
	</div>
	<!-- 窗口固定侧边栏 end -->

	<!-- 窗口底部固定 Start-->
	<div class="fixed">
		<div class="image">
			<img src="img/fixed.svg" alt="图片加载失败">
		</div>
		<div class="txt">和我们在线交谈！<img src="img/fixed-top.svg" alt="图片加载失败"></div>
	</div>
	<!-- 窗口底部固定 end -->

	<!-- 顶部栏 Start-->
	<div class="top">
		<div class="nav">
			<a href="pages/aboutus.html">关于我们</a>
			<a href="pages/foodintro.html">美食介绍</a>
			<a href="pages/promotion.html">招商加盟</a>
			<a href="./homepage.html"><img src="img/Logo.png" alt="图片加载失败"></a>
			<a href="pages/shopshow.html">门店展示</a>
			<a href="pages/dynamic.html">加盟动态</a>
			<a href="pages/contactus.html">联系我们</a>
			</ul>
		</div>
	</div>
	<div class="banner"></div>
	<!-- 顶部栏 end -->

	<!-- 主题内容 Start-->
	<div class="body">
		<!-- 品牌简介 Start-->
		<div class="intro">
			<div class="container">
				<div class="left">
					<div class="title wow animated fadeIn">
						<h2>品牌简介</h2>
						<img src="img/fa1.png" alt="图片加载失败">
					</div>
					<span class="line wow animated fadeIn"></span>
					<div class="txt wow animated fadeIn">
						<p>喜公子——四川花不二餐饮管理有限责任公司旗下知名品牌之一，全门店开业不足一月成为多地区畅销的餐饮品牌门店，喜公子始终以产品的“稳定、多样、美味”为立足根本，覆盖全时段的产品体系,24小时均适合营业,1店顶5店，以充满港风的时尚元素来设计门店,做到了时尚与餐饮业的融合，坚持以加盟商为主心骨，打造出让加盟商真正能挣钱的品牌模型，轻松复制成功模型，零基础也能快速上手，开店不愁，创业无忧！
						</p>
					</div>
					<div class="data">
						<div class="item wow animated bounceInRight">
							<h2>
								<span class="wow numincre1" data-wow-delay="0.75s"></span>
								<sub>座</sub>
							</h2>
							<p>遍布省市</p>
						</div>
						<span class="vertical"></span>
						<div class="item wow animated bounceInRight" data-wow-delay="0.25s">
							<h2>
								<span class="wow numincre2" data-wow-delay="0.75s"></span>
								<sub>+</sub>
							</h2>
							<p>连锁加盟店</p>
						</div>
						<span class="vertical"></span>
						<div class="item wow animated bounceInRight" data-wow-delay="0.5s">
							<h2>
								<span class="wow numincre3" data-wow-delay="0.75s"></span>
								<sub>项</sub>
							</h2>
							<p>加盟扶持</p>
						</div>
					</div>
					<div class="about wow animated fadeInUp">
						<a href="">品牌简介</a>
						<a href="">品牌理念</a>
						<a href="">品牌模块</a>
					</div>
				</div>
				<div class="right">
					<img src="img/ia1.jpg" alt="图片加载失败">
					<div class="txt wow animated rotateInUpLeft">
						<p><span></span>稳定·多样·美味，传统餐饮融合新式餐饮模式</p>
						<p>零基础也能快速上手，开店不愁，创业无忧</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 品牌简介 end -->

		<!-- 皮蛋瘦肉粥部分 Start-->
		<div class="produc wow animated bounceIn">
			<div class="container">
				<div class="content">
					<div class="left wow animated fadeInLeftBig" data-wow-delay="0.25s">
						<h2>皮蛋瘦肉粥</h2>
						<span></span>
						<p>镇店粥品皮蛋瘦肉粥，清淡又不失鲜香，皮蛋和肉丝混合，口感浓稠，万粥之王绝非浪得虚名。</p>
					</div>
					<div class="right wow animated fadeInRightBig" data-wow-delay="0.25s">
						<div class="item">
							<a href="">皮蛋瘦肉粥</a>
							<a href="">蔬菜瘦肉粥</a>
							<a href="">南瓜粥</a>
							<a href="">鸡蛋鲜虾肠粉</a>
							<a href="">鸡蛋瘦肉肠粉</a>
						</div>
						<div class="item">
							<a href="">香辣牛肉拌面</a>
							<a href="">老坛酸菜红烧</a>
							<a href="">香辣米线汤面</a>
							<a href="">酸辣鸡杂米线</a>
							<a href="">蒸饺</a>
							<a href="">开封灌汤包</a>
						</div>
						<div class="item">
							<a href="">鸡蛋灌饼</a>
							<a href="">杂粮煎饼</a>
							<a href="">牛肉锅贴</a>
							<a href="">烧麦</a>
							<a href="">肉夹馍</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 皮蛋瘦肉粥部分 end -->

		<!-- 人气爆满部分 Start-->
		<div class="popular">
			<div class="container">
				<div class="content">
					<div class="left wow animated fadeInLeftBig">
						<h2>人气爆满</h2>
						<span class="line"></span>
						<p>我们把脚印铺满所有生产美食的地方，最后停留在最平凡的粥粉面上，我们注入多年的经验和多人的心血，让它们的平凡变得不简单，在这个吃饭只顾口腹之欲，忽略身体长久健康之道的时代，我们将健康和美味完美融合，让普通的一日三餐有了期待。
						</p>
						<img src="img/fa1.png" alt="图片加载失败">
						<div class="more">
							<a href=""><span class="iconfont icon-shangyiye"></span></a>
							<a href="">立即资询</a>
							<a href=""><span class="iconfont icon-xiayiye"></span></a>
						</div>
					</div>
					<div class="right wow animated fadeInRightBig">
						<div class="kind">
							<input type="radio" name="popular" id="num" checked><label for="num">营业数据</label>
							<div class="data">
								<img src="img/people1.jpg" alt="图片加载失败">
								<img src="img/people2.jpg" alt="图片加载失败">
								<img src="img/people3.jpg" alt="图片加载失败">
								<img src="img/people4.jpg" alt="图片加载失败">
							</div>
							<input type="radio" name="popular" id="ber"><label for="ber">火爆经营</label>
							<div class="hot">
								<img src="img/people5.jpg" alt="图片加载失败">
								<img src="img/people6.jpg" alt="图片加载失败">
								<img src="img/people7.jpg" alt="图片加载失败">
								<img src="img/people8.jpg" alt="图片加载失败">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 人气爆满部分 end -->

		<!-- 优秀加盟商 Start-->
		<div class="join">
			<div class="container">
				<div class="left wow animated fadeInUpBig">
					<div class="container">
						<div class="swiper mySwiper">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="img/join1.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join2.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join3.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join4.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join5.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join6.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join7.jpg" alt="图片加载失败"></div>
								<div class="swiper-slide"><img src="img/join8.jpg" alt="图片加载失败"></div>
							</div>
							<!-- 如果需要导航按钮 -->
							<!-- <div class="swiper-pagination"></div> -->
						</div>
					</div>
					<div class="swiper-button-prev swiper-button-white"><span class="iconfont">&#xe64c;</span></div>
					<div class="swiper-button-next swiper-button-white"><span class="iconfont">&#xe64d;</span></div>
					<div class="more">MORE</div>
				</div>
				<script src="js/swiper-bundle.min.js"></script>
				<script>
					var swiper = new Swiper(".mySwiper", {
						loop: true,
						slidesPerView: 3,
						spaceBetween: 30,
						centeredSlides: true,
						// setWrapperSize:true,
						// 如果需要前进后退按钮
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						},
					});
				</script>
				<div class="right wow animated fadeInDownBig">
					<h2>优秀加盟商</h2>
					<div class="data">
						<div class="items">
							<div class="item">
								<h2>喜公子门店数量：</h2>
								<p>200+</p>
							</div>
							<div class="item">
								<h2>回报周期：</h2>
								<p>3-6个月</p>
							</div>
						</div>
						<div class="items">
							<div class="item">
								<h2>全国喜公子服务人次：</h2>
								<p>51266080</p>
							</div>
							<div class="item">
								<h2>全国开店成功率：(仅供参考)</h2>
								<p>90%</p>
							</div>
						</div>
					</div>
					<p>投资有风险，加盟需谨慎</p>
					<a href="">全国门店查询</a>
				</div>
			</div>
		</div>
		<!-- 优秀加盟商 end -->

		<!-- 经营模式 Start-->
		<div class="mode">
			<div class="mode-box">
				<div class="container">
					<div class="content">
						<div class="item wow animated fadeInUp">
							<img src="img/iad1.png" alt="图片加载失败">
							<p>专业品牌定制视觉团队为您开店保驾护航</p>
							<div class="image">
								<img src="img/iad11.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="0.25s">
							<img src="img/iad2.png" alt="图片加载失败">
							<p>定期培训，助力门店销售额增长</p>
							<p></p>
							<div class="image">
								<img src="img/iad21.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="0.5s">
							<img src="img/iad3.png" alt="图片加载失败">
							<p>⼗年餐饮外卖经营积淀，让您少走弯路</p>
							<div class="image">
								<img src="img/iad31.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="0.75s">
							<img src="img/iad4.png" alt="图片加载失败">
							<p>美团&饿了么战略合作品牌，餐饮外卖销售业绩名列前茅</p>
							<div class="image">
								<img src="img/iad41.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="1s">
							<img src="img/iad5.png" alt="图片加载失败">
							<p>我们提供专业的选址人员为你一对一的选择店面地址</p>
							<div class="image">
								<img src="img/iad51.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="1.25s">
							<img src="img/iad6.png" alt="图片加载失败">
							<p>线上运营⼀ 对⼀精准化运营指导操作</p>
							<div class="image">
								<img src="img/iad61.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="1.5s">
							<img src="img/iad7.png" alt="图片加载失败">
							<p>全渠道多⽅⾯推⼴营销，销售渠道不再单一化</p>
							<div class="image">
								<img src="img/iad71.png" alt="图片加载失败">
							</div>
						</div>
						<div class="item wow animated fadeInUp" data-wow-delay="1.75s">
							<img src="img/iad8.png" alt="图片加载失败">
							<p>30余位资深菜品研发团队，为您提供产品保障</p>
							<div class="image">
								<img src="img/iad81.png" alt="图片加载失败">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 经营模式 end -->

		<!-- 加盟动态 Start-->
		<div class="trends">
			<div class="container">
				<div class="left wow animated fadeInLeft">
					<h2>加盟动态</h2>
					<span class="line"></span>
					<p>我们把脚印铺满所有生产美食的地方，最后停留在最平凡的粥粉面上，我们注入多年的经验和多人的心血，让它们的平凡变得不简单，在这个吃饭只顾口腹之欲，忽略身体长久健康之道的时代，我们将健康和美味完美融合，让普通的一日三餐有了期待。
					</p>
					<div class="image">
						<div class="item">
							<img src="img/trends1.jpg" alt="图片加载失败">
							<div class="mask-box"></div>
							<a href="">喜公子合作伙伴</a>
						</div>
						<div class="item">
							<img src="img/trends2.jpg" alt="图片加载失败">
							<div class="mask-box"></div>
							<a href="">喜公子合作伙伴</a>
						</div>
						<div class="item">
							<img src="img/trends3.jpg" alt="图片加载失败">
							<div class="mask-box"></div>
							<a href="">喜公子合作伙伴</a>
						</div>
					</div>
				</div>
				<div class="right">
					<div class="content">
						<a href="" class="wow animated flipInX" data-wow-delay="0.5s">
							<div class="date">
								<div class="month">
									<h2>04-13</h2>
									<h3>DATE</h3>
								</div>
								<div class="year">
									<h3>2022</h3>
								</div>
							</div>
							<div class="txt">
								<h2>喜公子合作伙伴</h2>
								<p>喜公子合作伙伴</p>
							</div>
						</a>
						<a href="" class="wow animated flipInX" data-wow-delay="0.5s">
							<div class="date">
								<div class="month">
									<h2>04-13</h2>
									<h3>DATE</h3>
								</div>
								<div class="year">
									<h3>2022</h3>
								</div>
							</div>
							<div class="txt">
								<h2>喜公子合作伙伴</h2>
								<p>喜公子合作伙伴</p>
							</div>
						</a>
						<a href="" class="wow animated flipInX" data-wow-delay="0.5s">
							<div class="date">
								<div class="month">
									<h2>03-14</h2>
									<h3>DATE</h3>
								</div>
								<div class="year">
									<h3>2022</h3>
								</div>
							</div>
							<div class="txt">
								<h2>喜公子合作伙伴</h2>
								<p>喜公子合作伙伴</p>
							</div>
						</a>
					</div>
					<div class="more wow animated fadeInRight">查看更多</div>
				</div>
			</div>
		</div>
		<!-- 加盟动态 end -->

		<!-- 资询留言部分 Start-->
		<div class="message wow animated bounceInRight">
			<div class="container">
				<div class="left">
					<div class="title">
						<img src="img/iflogo.png" alt="图片加载失败">
						<div class="txt">
							<h2>资询留言</h2>
							<h3>我们正在寻找·同样有梦想的人</h3>
						</div>
					</div>
					<p>加盟好品牌·喜公子诚邀您共创世界的文化餐饮品牌</p>
					<p>全国火热招商加盟中，邀您同行...</p>
					<h3>全国加盟热线</h3>
					<h4>4006330777</h4>
					<h5>成都市成华区CEC784·万谷智慧园4栋1单元103</h5>
				</div>
				<div class="right">
					<form>
						<div class="info">
							<input type="text" placeholder="请输入您的姓名">
							<input type="text" placeholder="请输入您的电话">
							<textarea placeholder="请输入您的加盟需求" cols="30" rows="10"></textarea>
						</div>
						<div class="quick">
							<h2>快速留言</h2>
							<span></span>
							<div class="item">
								<span class="circle"></span><a href="">加盟费用大概是多少？</a>
							</div>
							<div class="item">
								<span class="circle"></span><a href="">加盟需要哪些条件？</a>
							</div>
							<div class="item">
								<span class="circle"></span><a href="">我想到公司考察！</a>
							</div>
							<div class="item">
								<span class="circle"></span><a href="">营业额怎么样？</a>
							</div>
							<div class="item">
								<span class="circle"></span><a href="">多大面积就能开店？</a>
							</div>
						</div>
					</form>
					<input type="submit" value="提交">
				</div>
			</div>
		</div>
		<!-- 资询留言部分 end -->
	</div>
	<!-- 主题内容 end -->

	<!-- 底部栏 Start-->
	<div class="bottom wow animated fadeInDownBig">
		<div class="wave">
			<div class="container">
				<div class="left">
					<p>客服接线时间：周一至周日 09：30——21：30（不含法定节假日）<br>
						公司地址：成都市成华区CEC784·万谷智慧园4栋1单元103<br>
						邮箱：huabuer2020@163.com<br>
						Copyright&copy;2019 四川花不二餐饮管理有限责任公司 版权所有&emsp;&emsp;<a href="">蜀ICP备2022004377号</a><br>
						投资有风险 · 选择需谨慎&emsp;&emsp;<a href="">技术支持:推来客网络</a></p>
				</div>
				<div class="middle">
					<img src="img/qrcode.jpg" alt="图片加载失败">
					<p>24小时加盟咨询微信</p>
				</div>
				<div class="right">
					<img src="img/footer-logo.png" alt="图片加载失败">
					<div class="nav-box">
						<div class="nav">
							<a href="">喜公子品牌</a>
							<a href="">喜公子特色</a>
							<a href="">喜公子合作</a>
						</div>
						<div class="nav">
							<a href="">关于我们</a>
							<a href="">美食介绍</a>
							<a href="">加盟优势</a>
						</div>
						<div class="nav">
							<a href="">加盟动态</a>
							<a href="">门店展示</a>
							<a href="">品牌优势</a>
						</div>
						<div class="nav">
							<a href="">联系我们</a>
						</div>
					</div>
				</div>
			</div>
			<div class="line"></div>
			<div class="web">
				<a href="">友情链接</a>
				<a href="">成都网站建设</a>
			</div>
		</div>
	</div>
	<!-- 底部栏 end -->
</body>
<script src="https://wowjs.uk/dist/wow.min.js"></script>
<script>
	new WOW().init();
</script>

</html>